<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>书室</title>
<link rel="stylesheet" type="text/css" href="book.css">
</head>
<body>
<div class="top">
	<h1 class="title"><a href="#">BOOK&nbsp;ROOM</a></h1>
	<div class="nav">
		<ul>
			<li><a href="#">主页</a></li>
			<li><a href="#">经管类</a></li>
			<li><a href="#">人文科社类</a></li>
			<li><a href="#">自然科学类</a></li>
			<li><a href="#">文学作品</a></li>
			<li><a href="#">考研</a></li>
		</ul>
	</div>
</div>
<div class="box">
	<div class="left">
		<p class="book_title">好书推荐 &nbsp;&nbsp;<a href="#" class="more"> 更多>></a></p>
		<ul>

			<li><a href="#">数据库原理及应用</a></li><hr>
			<li><a href="#">深入学习HTML+CSS</a></li><hr>
			<li><a href="#">活着就有快乐</a></li><hr>
			<li><a href="#">犯罪心理学</a></li><hr>
			<li><a href="#">第十一根手指</a></li><hr>
			<li><a href="#">简爱</a></li>
		</ul>
		<p class="book_title">
			最新书籍&nbsp;&nbsp;<a href="#" class="more"> 更多>></a>
		</p>
		<ul>

			<li><a href="#">微微一笑很倾城</a></li><hr>
			<li><a href="#">研究经济学的创新思维</a></li><hr>
			<li><a href="#">盗墓笔记</a></li><hr>
			<li><a href="#">夏有乔木雅望天堂</a></li><hr>
			<li><a href="#">新手学习JavaScript</a></li><hr>
			<li><a href="#">火星上的女人</a></li>
		</ul>
		<p class="book_title">
			友情链接
		</p>
		<a href="#"><img class="bb" src="b1.jpg"></a>
		<a href="#"><img class="bb" src="b2.jpg"></a>
		<a href="#"><img class="bb" src="b4.jpg"></a>
		<a href="#"><img class="bb" src="b5.jpeg"></a>
	</div>
	<div class="mid">
		<div class="midtop">
		   <h2 class="about">ABOUT BOOK ROOM</h2>
			<img class="photo" src="b3.jpg" width="300px" height="230px">
			<div class="introduce">
				<p>BOOK ROOM于2016年建立，书籍种类齐全，有自然科学类，经济管理类，人文社科类，文学作品，小说和考研资料，免费供人们阅读，让大家都能进入到书的世界，品味书香！书籍是人类进步的阶梯，多读好书，好读书，读书好！</p>

				</div>
				<hr>
				<h2 class="read">READ MORE,GET MORE!</h2>
		</div>
		<div class="midbottom">
		<div class="article">
			
		
			<h2 class="beauty">今日美文推荐</h2>
			&nbsp;
			<h3>九月，思念的季节</h3>
			&nbsp;
			<p>&nbsp;&nbsp;&nbsp;&nbsp;九月，无声降临，时光，匆匆离去。不经意间，二零一六悄悄过去了大半个年头，在我的心里或许远去的只是风景，或许离去的只是时光，而遗留在心海的却是一幕幕永生难忘的记忆。念，时时烙在寂寞的心弦；爱，默默埋在心的无边大海。心与爱，早已浑然一体；爱与心，已渐渐融化成水，并汇聚成波涛汹涌的大海，只为奔腾颠簸生活的激流，只为沐浴飘摇人生的风雨，只愿可以快乐的抒写出一切有关心与爱的绚丽的诗篇！让一颗沉睡已久的心，欣欣然的盛放出一朵朵靓丽幽香的小花，从此，明媚了蓝天，娇艳了云霞，也彻底地斑斓了一段段如歌的岁月！<br>... ...</p>

			<a href="#" title="">read more>></a>
		</div>
		</div>
	</div>
	<div class="right">
	<div class="inputbox">
		<input class="text" type="text">
		<input class="search" type="button" value="搜&nbsp;索">
	</div>
	<div class="news">
		<p class="newest">发表论文 &nbsp;&nbsp;<a href="#" class="more"> 更多>></a></p>
		<ul>

			<li><a href="#">大数据时代</a></li><hr>
			<li><a href="#">无线电子商务的兴起</a></li><hr>
			<li><a href="#">云计算</a></li><hr>
			<li><a href="#">BUY+技术</a></li><hr>
			<li><a href="#">互联网+</a></li><hr>
			<li><a href="#">公司的转型</a></li>
			<hr>
		</ul>

		<p class="contact">联系我们</p>

		<table>

			<tr>
				<a href="#"><td>QQ</td><td>:</td><td>123456789</td></a>
			</tr>

			<tr>
				<a href="#"><td>TEL</td><td>:</td><td>2221115</td></a></li>
			</tr>
			
		</table>
		<p class="contact">您的建议与意见</p>
		<textarea name="opinion" rows="25px" cols="30px"></textarea><br>
		<input class="sub" type="submit" value="提&nbsp;交">
	</div>
	</div>
</div>
</body>
</html>